<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>ocean</title>
<style type="text/css">
body { 
	margin-top: 10px;
	margin-left: 50px;
	position: relative;
}
#title{
	position: absolute;
	z-index:3;
}
#dark{
	position: absolute;
	top:0px;
	z-index:2;
}
#canvas{
	position: absolute;
	top:0px;
	z-index:1;
}
#bg{
	position: absolute;
	top:0px;
	z-index:0;
}


</style>
</head>
<body onload = "game();">

<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/wave.js"></script>
<script type="text/javascript" src="js/bubble.js"></script>
<script type="text/javascript" src="js/common functions.js"></script>
<script type="text/javascript" src="js/background.js"></script>
<script type="text/javascript" src="js/character.js"></script>
<script type="text/javascript" src="js/text.js"></script>
<script type="text/javascript" src="js/memo.js"></script>
<script type="text/javascript" src="js/memoDetection.js"></script>
<script type="text/javascript" src="js/jelly.js"></script>
<script type="text/javascript" src="js/jellyDetect.js"></script>
<script type="text/javascript" src="js/anemone.js"></script>
<script type="text/javascript" src="js/draw.js"></script>
<script type="text/javascript" src="js/numCalcu.js"></script>
<script type="text/javascript" src="js/flock.js"></script>
<script type="text/javascript" src="js/dark.js"></script>

<div id="all"  width = "800" height = "700">
		<!--<img id = "title" src="title.png">-->
		<canvas id="canvas" width = "800" height = "600">	</canvas>
		<canvas id="bg" width = "800" height = "600">	</canvas>
</div>



</body>
</html>